<div class = "main-view"><!--最外层div-->
    <div class="left-margin top-margin"><strong class="am-text-primary am-text-lg">@小6列表</strong></div>

    <form class="am-form-inline left-margin top-margin" role="form">
        <div class="am-form-group">
            <!--<div class="city-cascading" style="display: inline-block;" id="cascad-search"></div>-->
            <label>处理状态:</label>
                <select data-am-selected="{btnSize: 'sm'}"  ng-model="status" style="margin-left: 0px;">
                    <option value=''>全部</option>
                    <option value=1>未处理</option>
                    <option value=0>已处理</option>
                </select>
            <button type="submit" class="am-btn am-btn-primary" ng-click="search()">搜索</button>
        </div>
    </form>
    <br>

    <div id = "pagination" class = "pagination"></div>
    <div class="pagination-table left-margin" id="tab_menu" style = "margin-top: 0px;">
        <form class="am-form">
            <table class="am-table am-table-striped am-table-hover table-main">
                <thead>
                <tr>
                    <th class="table-check"><input type="checkbox" ng-click="allSelected()"></th>
                    <th class="table-title">小区</th>
                    <th class="table-title">类型</th>
                    <th class="table-title">@人员</th>
                    <th class="table-title">@时间</th>
                    <th class="table-title">@类型</th>
                    <th class="table-title">状态</th>
                    <th class="table-title">操作</th>
                </tr>
                </thead>

                <tbody>
                <tr ng-repeat="at in atList">
                    <td class="table-check"><input type="checkbox" class = "item-check"></td>
                    <td>{{at.community.communityName}}</td>
                    <td>
                        <span ng-show="at.category=='question'">提问</span>
                        <span ng-show="at.category=='neighbourActivity'">活动</span>
                        <span ng-show="at.category=='topic'">专题</span>
                    </td>
                    <td>{{at.atUser.nickName}}</td>
                    <td>{{at.dateCreated|date:"yyyy-MM-dd HH:mm"}}</td>
                    <td>{{at.content}}</td>
                    <td>{{!at.status ? '已处理':'未处理'}}</td>

                    <td>
                        <div class="am-btn-toolbar">
                            <div class="am-btn-group am-btn-group-xs">

                                <!--<button class="am-btn am-btn-default am-btn-xs am-text-secondary"><span class="am-icon-pencil-square-o"></span> 编辑</button>-->
                                <!--<button class="am-btn am-btn-default "><span class="am-icon-copy"></span> 复制</button>-->
                                <!--<button class="am-btn am-btn-default am-btn-xs am-text-danger"><span class="am-icon-trash-o"></span> 删除</button>-->

                                <button ng-click="detail(at.ugcId,at.category)" data-am-modal="{target:'#doc-modal-Detail', width: 800, height: 400}" class="am-btn am-btn-default am-btn-xs am-text-secondary"><span class="am-icon-copy"></span> 查看</button>
                                <button ng-click="update(at)" ng-show="at.status" class="am-btn am-btn-default am-btn-xs am-text-secondary"><span class="am-icon-copy"></span> 处理</button>


                            </div>
                        </div>
                    </td>


                    <!--查看-->
                    <div class="am-modal am-modal-no-btn" id="doc-modal-Detail">
                        <div id = "mask_box"></div>
                        <div class = "detail-box" id = "detail_box"><iframe src=""  frameborder="0" width="800" height="600" id = "iframe_box"></iframe><div class = "box-close" id = "box_close">关闭</div></div>
                    </div>


                </tr>


                </tbody>
            </table>
        </form>
    </div>




    <div class = "left-margin">共<span id = 'page_number'>{{pageNumber}}</span>页 <span>{{count}}条数据</span></div>


</div>